<template>
  <div class="app">
    <div v-for="(item, i) in categry" :key=" i " class="connect">
      <h5 class="title">{{item.title}}</h5>
      <van-divider :style="{  borderColor: '#333'}"></van-divider>
      <div v-html="item.content" class="message"></div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      categry: []
    }
  },
  created () {
    this.getcatelist()
  },
  methods: {
    async getcatelist () {
      var ids = window.location.hash.split('=')
      var id = ids[1]
      console.log(id)
      const { data: res } = await this.$http.get('/api/goods/getdesc/' + id)
      console.log(res)
      this.categry = res.message
    }
  }
}
</script>
<style scoped lang="less">
h5 {
  text-align: center;
}
.title {
  font-size: 16px;
  color: #226aff;
  margin: 15px 0;
}
.connect {
  text-align: left;
}
.app {
   text-align: center;
   margin:60px 10px 100px 20px;
}
</style>
